<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../download/font_2143780_eoai424cq19/iconfont.js"></script>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/index1.css">
    <link rel="stylesheet" href="../download/font_2143780_eoai424cq19/iconfont.css">

</head>

<body>
    <header>
        <ul class="list">
            <li class="list-yi">
                <span class="iconfont icon-zhangdan"></span>
                <p>账单</p>
            </li>
            <li class="list-right">
                <span class="iconfont icon-yonghu"></span>
            </li>
            <li class="list-right">
                <span class="iconfont icon-search"></span>
            </li>
            <li class="list-right">
                <span class="iconfont icon-hanbaotubiao-mduandaohang"></span>
            </li>
        </ul>

    </header>
    <article>
        <ul class="item">
            <li>
                <span class="iconfont icon-552dc065f0478"></span>
                <p>扫一扫</p>
            </li>
            <li>
                <span class="iconfont icon-tianjia"></span>
                <p>添加</p>
            </li>
            <li>
                <span class="iconfont icon-weibiaoti-"></span>
                <p>卡包</p>
            </li>
            <li>
                <span class="iconfont icon-fuqian"></span>
                <p>付钱</p>
            </li>
        </ul>
    </article>
    <section>
        <ul class="content">
            <li>
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-zhuanzhang"></use>
                   </svg>
                <p>转账</p>
            </li>
            <li>
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-caipiao"></use>
                   </svg>
                <p>红包</p>
            </li>
            <li>
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-huochepiaojipiao"></use>
                   </svg>
                <p>余额宝</p>
            </li>
            <li>
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-chongzhi"></use>
                   </svg>
                <p>手机充值</p>
            </li>
            <li>
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-xinyongqia"></use>
                   </svg>
                <p>信用卡还款</p>
            </li>
            <li>
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-jiaotong"></use>
                   </svg>
                <p>芝麻信用</p>
            </li>
            <li>
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-didichuhang"></use>
                   </svg>
                <p>滴滴出行</p>
            </li>
            <li>
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-koubei"></use>
                   </svg>
                <p>淘票票</p>
            </li>
            <li>
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-koubei"></use>
                   </svg>
                <p>蚂蚁聚宝</p>
            </li>
            <li>
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-changyonglogo40-copy"></use>
                   </svg>
                <p>外卖</p>
            </li>
            <li>
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-dianyingyanchusaishi"></use>
                   </svg>
                <p>天猫</p>
            </li>
            <li>
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-caipiao"></use>
                   </svg>
                <p>生活缴费</p>
            </li>

        </ul>

    </section>
    <div class="banner">
        <img src="../img/adv.png" alt="">
    </div>
    <section>
        <ul class="content">
            <li>
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-zhuanzhang"></use>
                   </svg>
                <p>转账</p>
            </li>
            <li>
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-caipiao"></use>
                   </svg>
                <p>红包</p>
            </li>
            <li>
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-huochepiaojipiao"></use>
                   </svg>
                <p>余额宝</p>
            </li>
            <li>
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-chongzhi"></use>
                   </svg>
                <p>手机充值</p>
            </li>
            <li>
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-xinyongqia"></use>
                   </svg>
                <p>信用卡还款</p>
            </li>
            <li>
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-jiaotong"></use>
                   </svg>
                <p>芝麻信用</p>
            </li>
            <li>
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-didichuhang"></use>
                   </svg>
                <p>滴滴出行</p>
            </li>
            <li>
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-koubei"></use>
                   </svg>
                <p>淘票票</p>
            </li>
            <li>
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-koubei"></use>
                   </svg>
                <p>蚂蚁聚宝</p>
            </li>
            <li>
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-changyonglogo40-copy"></use>
                   </svg>
                <p>外卖</p>
            </li>
            <li>
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-dianyingyanchusaishi"></use>
                   </svg>
                <p>天猫</p>
            </li>
            <li>
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-caipiao"></use>
                   </svg>
                <p>生活缴费</p>
            </li>



        </ul>

    </section>

    <footer>
        <ul class="last">
            <li>
                <span class="iconfont icon-yonghu"></span>
                <p>用户</p>
            </li>
            <li>
                <span class="iconfont icon-yonghu"></span>
                <p>用户</p>
            </li>
            <li>
                <span class="iconfont icon-yonghu"></span>
                <p>用户</p>
            </li>
            <li>
                <span class="iconfont icon-yonghu"></span>
                <p>用户</p>
            </li>
        </ul>
    </footer>

</body>

</html>